{% extends 'base.html' %}
{% load staticfiles %}

{% block title %} 首页 {% endblock %}

{% block content %}
    <!-- 轮播图 -->
    <ul id="demo1">
        <li>
            <img src="{% static 'images/11.jpg' %}" alt="" />
            <div class="slide-desc">
                <h3>Aurora 校园二手交易平台</h3>
            </div>
        </li>
        <li>
            <img src="{% static 'images/zhengmen.jpg' %}" alt="" />
              <div class="slide-desc">
                <h3>西南财经大学天府学院</h3>
            </div>
        </li>

        <li>
            <img src="{% static 'images/44.jpg' %}" alt="" />
            <div class="slide-desc">
                <h3>种类丰富的商品等着你来选购</h3>
            </div>
        </li>
    </ul>
    <!-- 热门商品 -->
    <div class="top-brands">
		<div class="container">
		<h2>最热销商品</h2>
			<div class="grid_3 grid_5">
				<div class="bs-example bs-example-tabs" role="tabpanel" data-example-id="togglable-tabs">
					<ul id="myTab" class="nav nav-tabs" role="tablist">
						<li role="presentation" class="active"><a href="#expeditions" id="expeditions-tab" role="tab" data-toggle="tab" aria-controls="expeditions" aria-expanded="true">上周热门</a></li>
						<li role="presentation"><a href="#tours" role="tab" id="tours-tab" data-toggle="tab" aria-controls="tours">今日热门</a></li>
					</ul>
					<div id="myTabContent" class="tab-content">
						<div role="tabpanel" class="tab-pane fade in active" id="expeditions" aria-labelledby="expeditions-tab">
							<div class="agile-tp">
								<h5>上周热门商品</h5>
							</div>
							<div class="agile_top_brands_grids" style="margin-bottom: 10px;">
								<!--循环遍历上周热门商品（6条数据）-->
								{% for product in hot_products %}
									<div class="col-md-4 top_brand_left">
										<div class="hover14 column">
											<div class="agile_top_brand_left_grid">
												<div class="agile_top_brand_left_grid_pos">
												</div>
												<div class="agile_top_brand_left_grid1">
													<figure>
														<div class="snipcart-item block" >
															<div class="snipcart-thumb">
																<!--跳转到single_product.html-->
																<!--产品对应图片-->
																<!--产品对应名称-->
																<!--产品对应价格-->
																<a href="{% url 'comet:detailProduct' %}?p_id={{ product.product_id }}"><img style="width: 100px; height: 100px;" title=" " alt=" " src="{{ product.product_img }}" /></a>
																<p>{{ product.product_name }}</p>
																<div class="stars">
																	<i class="fa fa-star blue-star" aria-hidden="true"></i>
																	<i class="fa fa-star blue-star" aria-hidden="true"></i>
																	<i class="fa fa-star blue-star" aria-hidden="true"></i>
																	<i class="fa fa-star blue-star" aria-hidden="true"></i>
																	<i class="fa fa-star gray-star" aria-hidden="true"></i>
																</div>
																<h4>￥{{ product.product_price }}</h4>
															</div>
															<!--加入购物车，这里会自动弹出购物车的弹出框-->
															<div class="snipcart-details top_brand_home_details">
                                                                <a href="{% url 'comet:detailProduct' %}?p_id={{ product.product_id }}">
                                                                    <input type="button" class="button" value="查看详情">
                                                                </a>
															</div>
														</div>
													</figure>
												</div>
											</div>
										</div>
									</div>
								{% endfor %}
								<div class="clearfix"> </div>
							</div>
						</div>
						<div role="tabpanel" class="tab-pane fade" id="tours" aria-labelledby="tours-tab">
							<div class="agile-tp">
								<h5>今日热门商品</h5>
							</div>
							<div class="agile_top_brands_grids">
								<!--循环遍历今日热门商品（6条数据）-->
								{% for product in hot_products %}
									<div class="col-md-4 top_brand_left">
										<div class="hover14 column">
											<div class="agile_top_brand_left_grid">
												<div class="agile_top_brand_left_grid_pos">
												</div>
												<div class="agile_top_brand_left_grid1">
													<figure>
														<div class="snipcart-item block" >
															<div class="snipcart-thumb">
																<!--跳转到single_product.html-->
																<!--产品对应图片-->
																<!--产品对应名称-->
																<!--产品对应价格-->
																<a href=""><img style="height: 100px; width: 100px;" title=" " alt=" " src="{{ product.product_img }}" /></a>
																<p>{{ product.product_name }}</p>
																<div class="stars">
																	<i class="fa fa-star blue-star" aria-hidden="true"></i>
																	<i class="fa fa-star blue-star" aria-hidden="true"></i>
																	<i class="fa fa-star blue-star" aria-hidden="true"></i>
																	<i class="fa fa-star blue-star" aria-hidden="true"></i>
																	<i class="fa fa-star gray-star" aria-hidden="true"></i>
																</div>
																<h4>￥{{ product.product_price }}</h4>
															</div>
															<!--加入购物车，这里会自动弹出购物车的弹出框-->
															<div class="snipcart-details top_brand_home_details">
																<form action="#" method="post">
																	<fieldset>
																		<input type="hidden" name="cmd" value="_cart" />
																		<input type="hidden" name="add" value="1" />
																		<input type="hidden" name="business" value=" " />
																		<!--放上产品名称-->
																		<input type="hidden" name="item_name" value="{{ product.product_name }}" />
																		<!--放上产品价格-->
																		<input type="hidden" name="amount" value="{{ product.product_price }}" />
																		<input type="hidden" name="discount_amount" value="1.00" />
																		<input type="hidden" name="currency_code" value="CNY" />
																		<input type="hidden" name="return" value=" " />
																		<input type="hidden" name="cancel_return" value=" " />
                                                                        <button class="button">立即购买</button>
																		<input type="submit" name="submit" value="加入购物车" class="button" />
																	</fieldset>
																</form>
															</div>
														</div>
													</figure>
												</div>
											</div>
										</div>
									</div>
								{% endfor %}
								<div class="clearfix"> </div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
    <!-- 产品展示大图 -->
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
      <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
      </ol>
      <div class="carousel-inner" role="listbox">
        <div class="item active">
         <a> <img class="first-slide" src="{% static 'images/99999999.jpg' %}" alt="First slide"></a>

        </div>
        <div class="item">
         <a> <img class="second-slide " src="{% static 'images/7777.jpg' %}" alt="Second slide"></a>

        </div>
        <div class="item">
          <a><img class="third-slide " src="{% static 'images/8999877.jpg' %}" alt="Third slide"></a>

        </div>
      </div>

    </div>
    <!-- 热门新闻 -->
	<div class="newproducts-w3agile">
		<div class="container">
			<h3>新闻News</h3>
				<div class="agile_top_brands_grids">
					<!--循环遍历四条新闻-->
					{% for news in news_recently %}
						<div class="col-md-3 top_brand_left-1">
							<div class="hover14 column">
								<div class="agile_top_brand_left_grid">
									<div class="agile_top_brand_left_grid_pos">
										<!--新闻图片-->
{#										<img src="{{ news.img }}" alt=" " class="img-responsive">#}
									</div>
									<div class="agile_top_brand_left_grid1">
										<figure>
											<div class="snipcart-item block">
												<div class="snipcart-thumb">
													<!--跳转到single_news.html新闻详情界面-->
													<!--新闻图片-->
													<!--新闻名称-->
													<!--新闻简介-->
{#													<a href=""><img title=" " alt=" " src="{{ news.img }}"></a>#}
													<p>{{ news.news_title }}</p>
													<p>{{ news.news_summary }}</p>
												</div>
												<div class="snipcart-details top_brand_home_details">
													<!--跳转到single_news.html新闻详情界面-->
													<a href="{{ news.get_absolute_url }}">查看详情</a>
												</div>
											</div>
										</figure>
									</div>
								</div>
							</div>
						</div>
					{% endfor %}
						<div class="clearfix"> </div>
				</div>
		</div>
	</div>
    <!-- 学校简介 -->
    <div class="brands">
		<div class="container">
		<h3>关于学校</h3>
			<div class="brands-agile">
				<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;西南财经大学天府学院是经教育部(教发函[2006]81号)批准,将西南财经大学三大校区(光华校区、柳林校区、涪江校区)之一的涪江校区进行整体置换，并完整继承了原西南财经大学电子商务学院的全部师资和管理队伍、办学理念、图书资料、教学设备、校园建筑及生活设施等而设立的独立学院。经四川省教育考试院（川教考院【2012】22号）批准，自2012年起，我校本科在四川省本科第二批次录取。2017年2月，我校通过了ISO9001:2008认证审核，成为获得国际质量管理体系认证的高等院校。
				学校建有绵阳校区、德阳校区、成都东区和成都西区四大校区，占地面积共计2100余亩。现有在校学生20800名，教职工1264人。绵阳校区坐落在中国科技城，四川省第二大城市——绵阳市，距省会成都市1.5小时车程；德阳校区位于德阳市罗江区高速公路出口附近，距省会成都市1小时车程；成都校区位于成都市东三环路二段龙潭总部经济城内。</p>
				<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;学校大力推行雅典式、案例式、体验式、项目驱动式等为主要方法的课堂教学改革，着力培养学生的实际动手能力和创新能力。学校注重理论联系实际，并加强与美国甲骨文（Oracle）公司、世界上最大的第三方物流公司马士基物流等世界500强企业合作，建立了Oracle电子商务应用系统、IBM电子商务系统、金蝶K3系统，以及设立了由中国物流条码推进工程办公室、中国物品编码中心授予的条码实验室等电子商务应用实验室，并将这些应用系统融入课堂教学中，使学生在校园内就能直接使用国际水准的电子商务平台。学校还与中国银行四川省分行、交通银行四川省分行、普华永道、杭州娃哈哈集团、四川维奥集团、四川长虹、绵阳九洲集团、江苏京东信息技术有限公司成都分公司、埃森哲（中国）有限公司成都分公司等优势企业合作，建立了长期的学生实习就业基地。学校积极开展“双创”教育，成为全国高校首批“因为有你•全国大学生创新创业实践基地”。此外，学校还建立了电子商务模拟环境、电子政务模拟环境、商业银行模拟环境、电子税务模拟环境、情景管理模拟环境等，为培养创新型实用型人才奠定了坚实的物质基础，创造了优良的育人条件。</p>
			</div>
		</div>
	</div>

{% endblock %}